import React from 'react'

/* 引入antd */
import { Layout } from 'antd';

/* 引入头部组件 */
import MyHeader from '../../components/layout/MyHeader/MyHeader';
/* 引入侧边栏组件 */
import MyMenu from '../../components/layout/MyMenu/MyMenu';

import MyBreadCrumb from '../../components/layout/MyBreadCrumb/MyBreadCrumb';

/* 引入路由 */
import RouterView from '../../router/RouterView';

/* 引入类型文件 */
import { IRouterItem } from '../../utils/interface';

/* import menu from '../../router/menu'; */

/* 引入国际化配置 */
/* import { FormattedMessage } from 'react-intl' */

const { Content } = Layout;

/* 类型 */
interface IProps {
    routes: IRouterItem[]
}

const Home: React.FC<IProps> = (props: any) => {
    /* console.log('====================================');
    console.log('home...',props);
    console.log('===================================='); */
    /*  console.log('====================================');
     console.log('home...',menu);
     console.log('===================================='); */



    /*  获取右侧渲染组件名称 */
    // const getTitle = (path: string) => {
    //     console.log('====================================');
    //     console.log('path...', path);
    //     console.log('====================================');
    //     let title = '';
    //     menu.forEach(item => {
    //         /* console.log('====================================');
    //         console.log('foreach...',item);
    //         console.log('===================================='); */
    //         item.children.forEach((value: any) => {
    //             /*  console.log('====================================');
    //              console.log('foreach111...',value);
    //              console.log('===================================='); */
    //             if (value.path === path) {
    //                 title = value.meta.name;
    //             }
    //         })
    //     })
    //     return title;
    // }


    return (
        <div className='home'>
            <Layout>
                {/* 头部 */}
                <MyHeader></MyHeader>
                <Layout>
                    {/* 侧边栏 */}
                    <MyMenu></MyMenu>
                    <Layout style={{ padding: '0 24px 24px' }}>
                       <MyBreadCrumb></MyBreadCrumb>
                        {/* 内容区 */}
                        <Content
                            className="site-layout-background"
                            style={{
                                padding: 24,
                                margin: 0,
                                minHeight: 280,
                            }}
                        >

                            <RouterView routes={props.routes}></RouterView>
                        </Content>
                    </Layout>
                </Layout>
            </Layout>
        </div>
    )
}

export default Home;
